<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            display: none;
        }

        .on {
            color: red;
        }

        .show {
            display: block;
        }
    </style>
</head>

<body>

    <button>1</button>
    <button>2</button>
    <button>3</button>

    <p class="show">1</p>
    <p>2</p>
    <p>3</p>

    <script>


        // var oBtns = document.querySelectorAll('button');

        // console.log(oBtns);
        // var oPs = document.querySelectorAll('p');

        // oBtns.forEach(function(v , i) {    // v就是代表按钮
        //     v.onclick = function() {
        //         console.log(i);   // 形参，是局部变量
        //     }
        // })

      



    //  function myForEach(arr , cb) {
    //     cb(arr[0] , 0) ;
    //     cb(arr[1] , 1) ;
    //     cb(arr[2] , 2) ;
    //         // for(var i in arr) {
    //         //     cb(arr[i] , i , arr)
    //         // }
    //     }




       
    //         v = arr[0] ,
    //         i = 0 ;

    //         v.onclick = function(){
    //             console.log(i);
    //         }



    //         v = arr[1] ,
    //         i = 1 ;

    //         v.onclick = function(){
    //             console.log(i);
    //         }
        


        // function f1() {
        //     var i = 0 ;
        //     setTimeout(function() {
        //         console.log(i);
        //     } , 1000)
        // }

        // function f2() {
        //     var i = 1 ;
        //     setTimeout(function() {
        //         console.log(i);
        //     } , 500)
        // }

        // function f3() {
        //     var i = 2 ;
        //     setTimeout(function() {
        //         console.log(i);
        //     } , 200)
        // }


        let i
        {
            i = 0 ;
            console.log(i);
        }

        console.log(i);   // 0
        
        // let i ;

        // function fn() {
        //     i = 1 ;
        //     console.log(i);
        // }

        // fn()
        // console.log(i);





    </script>

</body>

</html>